/* 通用的样式
----------------------------------*/

$formControlHeight:       28px;

$controlBorderColor:      #cccccc;
$controlBgColor:          #ffffff;
$controlErrorBorderColor: #ff0000;
$helpColor:               #2aabd2;

//* {
//font-family: 'Source Sans Pro', 'Ubuntu', 'Microsoft Yahei', 'SimSum', 'Proxima Nova', 'Helvetica', 'Corbel', sans-serif;
// AdminLTE 默认效果反而比较好 : "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
//}

body {
	// 覆盖 bs 的 1.4xxx
	line-height: 1.6;
}

// 字体：覆盖 bs、AdminLTE
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;
}

// bs 遮罩层
.modal-backdrop.in {
	opacity: 0.2;
}
// bs 模态窗
.bootbox.modal.fade.in {
	overflow-y: auto; // bs 默认为 hidden，导致数据太多时没有滚动条（如流程日志）
}

input:focus, select:focus, textarea:focus,
input[type=file]:focus {
	outline: none;
}

// 输入框
// 注1：需同时调整 table.o-inner-table 下的输入框（@_content_ui.scss）
// 注2：如果 input 加上 :not([type=checkbox]):not([type=radio])，会覆盖很多样式，比如侧边栏的搜索框 -- 都转为 iCheck 了，所以样式不对也无所谓
// 注3：如果 input 加上 :not([type=file])，又会影响首页右上角的“通讯录”搜索框（主要是高度）
// 注4：需测试 .dialog、搜索栏 .toolbar、首页通讯录搜索 porltet、侧边栏的全文检索、表单、动态表（o-inner-table）、带 o:field 标签的、有 fieldHelp 的
input, select, textarea {
	border-radius: 2px;
	border: 1px solid $controlBorderColor;
	padding: 2px 4px;
	background-color: $controlBgColor;
	height: $formControlHeight; // 使 IE 和 Chrome、FF 保持一致
}
input[type=checkbox], input[type=radio] {
	height: 1em;
	border: none;
}

input[type=file] {
	border: none;
	padding: 0px;
	background-color: $controlBgColor;
	height: $formControlHeight;
	display: inline-block; // 覆盖 bs 的 block
}
.ie input[type=file] {
	border: 1px solid $controlBorderColor;
	padding: 2px 4px;
}

textarea {
	height: 80px;
}

// 不换行
.nowrap, .nobr {
	white-space: nowrap !important;
}

// 文字左右、居中对齐
.left:not(div), .text-left {
	text-align: left !important;
}

.center:not(div), .text-center {
	text-align: center !important;
}

.right:not(div), .text-right {
	text-align: right !important;

	input {
		text-align: right !important;
	}
}

// 左右浮动
div.left, .float-left {
	float: left !important;
}

div.right, .float-right {
	float: right !important;
}

// 配置在 td 上的必填项，在 label 前显示红色的 *
.name.o-required:before, th.o-required:before {
	content: '* ';
	color: $controlErrorBorderColor;
}
.o-dynamic-table-readonly .o-required:before {
	content: '';
}

// 表单校验错误：前台
.user-error {
	border-color: $controlErrorBorderColor !important;
}

// 表单校验错误：后台
.field-errors {
	select, input, textarea {
		border: 1px solid $controlErrorBorderColor !important;
	}
}

// 标题（覆盖bs）
h1, .h1 {
	font-size: 24px;
	.right {
		font-size: 14px;
		padding-top: 10px;
	}
}

h2, .h2 {
	font-size: 22px;
}

h3, .h3 {
	font-size: 20px;
}

h4, .h4 {
	font-size: 18px;
}

h5, .h5 {
	font-size: 14px;
}

h6, .h6 {
	font-size: 12px;
}

// 标签（覆盖bs）
label {
	font-weight: normal;
}

// 帮助信息
.help {
	color: $helpColor; // bs.info
	/*font-family: fontAwesome;
	&:before {
		!*content: "\f128  ";	// fa-question*!
		!*content: "\f129  ";	// fa-info*!
		!*content: "\f059  ";	// fa-question-circle*!
		content: "\f29c  ";		// fa-question-circle-o
	}*/
}
.o-inner-table > .help {
	padding: 5px;
}

/** 标签 fieldHelp 的帮助图标 */
i.o-field-help {
	// .fa
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	// .fa-fw
	width: 1.28571429em;
	text-align: center;
	//padding: 3px 4px 3px 0px;
	//vertical-align: top;

	&:before {
		content: "\f29c"; // fa-question-circle-o
		color: cornflowerblue;
	}
}

// 采用设置透明、改变大小的方式隐藏控件 --> 得直接设置css，避免style属性的冲突
/*.hidden-transparent {
	position: absolute;
	top: initial;
	left: initial;
	border: 0;
	margin: 0;
	padding: 0;
	color: transparent;
	background: transparent;
	width: 1px;
	height: 1px;
	font-size: 1px;
	z-index: -999;
}*/

// 删除线
.deleted, tr.deleted td, a.deleted:link, a.deleted:visited, a.deleted:hover {
	text-decoration: line-through;
}

// 扩展 bs，实现 1 ~ 10 等分：参考 bootstrap.css 里的 .col-md-3
.col-xs-1-1, .col-sm-1-1, .col-md-1-1, .col-lg-1-1,
.col-xs-1-2, .col-sm-1-2, .col-md-1-2, .col-lg-1-2,
.col-xs-1-3, .col-sm-1-3, .col-md-1-3, .col-lg-1-3,
.col-xs-1-4, .col-sm-1-4, .col-md-1-4, .col-lg-1-4,
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-1-6, .col-sm-1-6, .col-md-1-6, .col-lg-1-6,
.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7,
.col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8,
.col-xs-1-9, .col-sm-1-9, .col-md-1-9, .col-lg-1-9,
.col-xs-1-10, .col-sm-1-10, .col-md-1-10, .col-lg-1-10,
.col-xs-x, .col-sm-x, .col-md-x, .col-lg-x {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.col-xs-1-1, .col-sm-1-1, .col-md-1-1, .col-lg-1-1 {
	width: 100%;
}
.col-xs-1-2, .col-sm-1-2, .col-md-1-2, .col-lg-1-2 {
	width: 50%;
}
.col-xs-1-3, .col-sm-1-3, .col-md-1-3, .col-lg-1-3 {
	width: 33.33333333%;
}
.col-xs-1-4, .col-sm-1-4, .col-md-1-4, .col-lg-1-4 {
	width: 25%;
}
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	width: 20%;
}
.col-xs-1-6, .col-sm-1-6, .col-md-1-6, .col-lg-1-6 {
	width: 16.66666667%;
}
.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 {
	width: 14.28571429%;
}
.col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8 {
	width: 12.5%;
}
.col-xs-1-9, .col-sm-1-9, .col-md-1-9, .col-lg-1-9 {
	width: 11.11111111%;
}
.col-xs-1-10, .col-sm-1-10, .col-md-1-10, .col-lg-1-10 {
	width: 10%;
}

// 修复被覆盖的 bs 样式
// 复制自 bootstrap.css，并添加 !important
.text-muted {
	color: #777 !important;
}
.text-primary {
	color: #337ab7 !important;
}
a.text-primary:hover,
a.text-primary:focus {
	color: #286090 !important;
}
.text-success {
	color: #3c763d !important;
}
a.text-success:hover,
a.text-success:focus {
	color: #2b542c !important;
}
.text-info {
	color: #31708f !important;
}
a.text-info:hover,
a.text-info:focus {
	color: #245269 !important;
}
.text-warning {
	color: #8a6d3b !important;
}
a.text-warning:hover,
a.text-warning:focus {
	color: #66512c !important;
}
.text-danger {
	color: #a94442 !important;
}
a.text-danger:hover,
a.text-danger:focus {
	color: #843534 !important;
}

/* 打印时的样式
----------------------------------*/
@media screen {
	.printonly {
		display: none;
	}
}

@media print {
	// 打印的字体、边框颜色
	$printColor: black;

	.noprint {
		display: none;
	}
	body {
		color: $printColor;
	}
	a:link, a:visited, a:hover {
		color: $printColor;
	}
}
